<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>购物车</title>
		<link rel="stylesheet" href="css/shopping.css" type="text/css">
		<link rel="stylesheet" href="css/footer.css" type="text/css">
		<script type="text/javascript" src="js/shopping.js"></script>
	</head>
	<body>
		<!--++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++最大的容器-->
		<div class="wrapper">
			<!--++++++++++++++++++++++++++++++++++++++++++++++++++++++++上面导航的一大块-->
			<!--头部分开始-->
		<iframe src="top.html" width="960px" height="155px" frameborder="no" scrolling="no"></iframe>
		<!--头部分结束-->
			<!--——++++++++++++++++++++++++++++++++++++++++++++++++++++——主体内容部分开始-->
			<div class="main">
				<p><a href="#"class="myshp">我的购物车</a><a href="#" class="yunF">全场免运费活动中</a></p>
				<!--+++++++++++++++++++++++++++++++++++++++++++++++++++++商品推荐部分-->
				<div class="commend">
					<h3>根据您挑选的商品，当当为你推荐<button id="btn1">更多</button></h3>
					<ul id="ul1">
						<li><a href="#" class="commodity">JavaScript DOM编程艺术</a><span class="price">￥39.00</span><span class="presentP">￥29.30</span><a href="#" class="buy">购买</a></li>
						<li><a href="#" class="commodity">深入浅出MySQL数据库开发、忧</a><span class="price">￥59.00</span><span class="presentP">￥47.20</span><a href="#" class="buy">购买</a></li>
						<li><a href="#" class="commodity">解禁（当当网独家首发）</a><span class="price">￥28.00</span><span class="presentP">￥19.40</span><a href="#" class="buy">购买</a></li>
						<li><a href="#" class="commodity">大玩家（马未都、王刚推荐！央）</a><span class="price">￥34.80</span><span class="presentP">￥20.60</span><a href="#" class="buy">购买</a></li>
						<li><a href="#" class="commodity">地王之王(金融危机下房地产行)</a><span class="price">￥32.80</span><span class="presentP">￥25.10</span><a href="#" class="buy">购买</a></li>
						<li><a href="#" class="commodity">都市风水师——官场风水小说：一</a><span class="price">￥39.80</span><span class="presentP">￥30.50</span><a href="#" class="buy">购买</a></li>
						<li><a href="#" class="commodity">逃庄</a><span class="price">￥36.00</span><span class="presentP">￥27.70</span><a href="#" class="buy">购买</a></li>
						<li><a href="#" class="commodity">国戏（以麻将术语解读宦海沉浮）</a><span class="price">￥25.00</span><span class="presentP">￥17.30</span><a href="#" class="buy">购买</a></li>
					</ul>
				</div><!--end commend-->
				<!--+++++++++++++++++++++++++++++++++++++++++++++++++已购的商品区-->
				<h4>您已选购以下商品</h4>
				<div class="bought" id="bought">
					<table>
						<tr class="green">
							<th class="thLeft">商品名</th>
							<th>单品积分</th>
							<th>市场价</th>
							<th>当当价</th>
							<th>数量</th>
							<th>删除</th>
						</tr>
					</table>
					<table border="0" cellpadding="0" cellspacing="0" id="tableBg" style="border-collapse: collapse;">
						<tr class="pink" >
							<td class="thLeft"><a href="#">私募（首部披露资本博弈秘密的金融）</a></td>
							<td>189</td>
							<td>￥32.00</td>
							<td>￥18.90(59折)</td>
							<td><input type="text"value="1" name="" class="number" id=""></td>
							<td><input type="button"value="删除" class="del" id="inpDel"></td>
						</tr>
						<tr class="orange">
							<td class="thLeft"><a href="#">小团圆（张爱玲最神秘小说遗稿）</a></td>
							<td>173</td>
							<td>￥28.00</td>
							<td>￥17.30(62折)</td>
							<td><input type="text"value="1" name="" class="number" id=""></td>
							<td><input type="button"value="删除" class="del" id=""></td>
						</tr>
						<tr class="pink">
							<td class="thLeft"><a href="#">不抱怨的世界（畅销全球80国的世界）</a></td>
							<td>154</td>
							<td>￥24.80</td>
							<td>￥15.40(62折)</td>
							<td><input type="text"value="1" name="" class="number" id=""></td>
							<td><input type="button"value="删除" class="del" id=""></td>
						</tr>

						<tr class="orange">
							<td class="thLeft"><a href="#">福玛特双桶洗衣机XPB20-07S</a></td>
							<td>358</td>
							<td>￥458.00</td>
							<td>￥358.00(78折)</td>
							<td><input type="text"value="2" name="" class="number" id=""></td>
							<td><input type="button"value="删除" class="del" id=""></td>
						</tr>
						<tr class="pink">
							<td class="thLeft"><a href="#">PHP和MySQL Web开发 （原书第4版）</a></td>
							<td>712</td>
							<td>￥95.00</td>
							<td>￥71.20(75折)</td>
							<td><input type="text"value="1" name="" class="number" id=""></td>
							<td><input type="button"value="删除" class="del" id=""></td>
						</tr>
						<tr class="orange">
							<td class="thLeft"><a href="#">法布尔昆虫记<span style="color:#000">(再买￥68.30即可参加“满199元减10元现金”活动)</span></a></td>
							<td>10</td>
							<td>￥198.00</td>
							<td>￥130.70(66折)</td>
							<td><input type="text"value="1" name="" class="number" id=""></td>
							<td><input type="button"value="删除" class="del" id=""></td>
						</tr>
						<tr class="empty">
							<td class="thLeft" colspan="6"><button class="thLeft del">清空购物车</button></td>
						</tr>
                        <tr class="empty" >
                        	<td class="thRight thMargin thBorder" colspan="3">您共节省金额：<span class="money">￥223.7</span></td>
                        	<td class="thRight" colspan="2"><strong>商品金额总计：<span>￥<em class="money">626.9</em></span></strong></td>
                        	<td class="thRight jieSuan"><a href="#">结算</a></td>
                        </tr>
                        <tr class="empty"><td class="thRight thMargin thBorder" colspan="3">可获商品积分：<span class="money">1750</span></td>
                        	<td></td>
                        	<td></td>
                        	<td></td>
                        </tr>
					</table>
				</div><!--end bought-->
			</div><!--end main-->
			<!--++++++++++++++++++++++++++++++++++++++++++++++++++页脚区-->
			<!--页脚导航结束-->
			<iframe src="footer.html" width="950px" frameborder="no" scrolling="no"></iframe>
			<!--end footer-->
		</div><!--end wrapper-->
	</body>
</html>
